<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <!-- 在浏览器标签栏出现公司logo -->
    <link rel="icon" href="img/tyust.png">
    <title>2019级毕业实习</title>
</head>
<body>
<h2>表单-项目开发必用-律师档案创建</h2>
<form action="tit.html" action="post">
    用户名 <input type="text" placeholder="请输入用户名"/>
    <br>
    密码<input type="password"/>
    <br>
    生日<input type="date"/>
    <br>
    性别<input type="radio" name="gender"/>男
    <input type="radio" name="gender"/>女
    <br>
    籍贯<select>
    <option>河北</option>
    <option>辽宁</option>
    <option>广东</option>
</select>
    <br>
    爱好 <input type="checkbox"/> 踢球
    <input type="checkbox"/> 旅游
    <input type="checkbox"/> 骑行
    <br>
    照片<input type="file"/>
    <br>
    备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
    <br>
    <input type="submit" value="注册"/>
    <input type="reset" value="重填"/>
</form>
<h2>超链接</h2>
<a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html">太原科技大学</a>
<br>
<a href="tit.html">太原工业学院</a>
<h2>图片</h2>
<img src="img/tyust.png" width="50px"/>
<h2>表格</h2>
<table border="1px" width="500px">
    <tr>
        <td>车次</td>
        <td>出发站</td>
        <td>历时</td>
        <td>
            <button>预订</button>
        </td>
    </tr>
    <tr>
        <td>G601</td>
        <td>太原南</td>
        <td>2小时15分</td>
        <td>
            <button>预订</button>
        </td>
    </tr>
    <tr>
        <td>G601</td>
        <td>太原南</td>
        <td>2小时15分</td>
        <td>
            <button>预订</button>
        </td>
    </tr>
</table>
<h2>DIV使用</h2>
<div>
    太原科技大学 软件工程01  王泽华
    <img src="img/tyust.png"/>
</div>
<h2>span用法</h2>
<input type="text"/> <span style="color:red">用户名不能为空！</span>
<h2>列表-有序列表和无序列表</h2>
<ul>
    <li>软件工程专业</li>
    <li>智能科学与技术专业</li>
    <li>物联网工程专业</li>
</ul>

<ol>
    <li>软件工程专业</li>
    <li>智能科学与技术专业</li>
    <li>物联网工程专业</li>
</ol>
</body>
</html>